<!DOCTYPE html>
<html>
    <head>
        <title>Electrical Science and Art Festival - Essential UB 2013</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="css/bootstrap.css" media="screen"/>
    </head>
    <body>
        <div class="container">
            <!--            navs-->
            <div class="row">
                <div class="span12">
                    <div class="keberleft"><img src="img/keber.png" alt="" /></div>
                    <div class="navbar">
                        <div class="navbar-inner">
                            <div class="container">
                                <ul class="nav">
                                    <li class="active"><a href="#">Home</a></li>
                                    <li class="divider-vertical"></li>
                                    <li><a href="#">About us</a></li>
                                    <li class="divider-vertical"></li>
                                    <li><a href="#">gallery</a></li>
                                    <li class="divider-vertical"></li>
                                    <li><a href="#">event</a></li>
                                    <li class="divider-vertical"></li>
                                    <li><a href="#">competition</a></li>
                                    <li class="divider-vertical"></li>
                                    <li><a href="#">sponsorship & media partner</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="keberright"><img src="img/keber.png" alt="" /></div>
                </div>
            </div>
            <!--end of navs-->

            <!--body-->
            <div class="row">
                <div class="span12">
                    <br />
                    <hr />
                    <div style="text-align: center; margin-top: -30px;">
                        <span style="font-family: kolegiat; color: #F89C3A; background: #FFF688; font-size: 15pt; padding: 0 10px;">MALANG, EAST JAVA, INDONESIA</span>
                    </div>
                    <br /><br />
                    <center><img src="img/LOGO.png" alt="Essential"/></center>
                    <br /><br />
                    <center><div style="width: 250px; height: 15px; background: #F89C3A; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;">&nbsp;</div></center>
                    <br /><br />
                    <hr />
                    <div style="text-align: center; margin-top: -30px;">
                        <span style="font-family: kolegiat; color: #F89C3A; background: #FFF688; font-size: 15pt; padding: 0 10px;">11, 12, 18 MAY 2013</span>
                    </div>
                    <div class="hexagon">&nbsp;</div>
                </div>
            </div>
<!--            end of body-->
        </div>
    </body>
</html>
